// 盒子切换效果
$("a").on("click", function () {
  $(this).parents(".box").hide().siblings(".box").show();
});
//注册功能
$(".register form").on("submit", function (e) {
  //阻止默认行为
  e.preventDefault();
  //获取数据
  let data = $(this).serialize();
  //发送请求
  $.ajax({
    type: "post",
    url: "/api/reguser",
    data,
    success: (res) => {
      layer.msg(`${res.message}`);
      // //注册成功后dc
      if (res.status === 0) {
        //清空输入的内容
        $(this)[0].reset();
        //跳转到登录界面
        $(".login").show().siblings(".box").hide();
      }
    },
  });
});
//表单验证
// 1.加载form模块 硬性要求,编写自定义模块必须加载form模块
let form = layui.form;
// 利用加载出来的对象中的verity方法,编写自定义验证规则
form.verify({
  //键值对
  //键即调用的规则名,值第一个参数为规则,第二个参数是验证不成功返回的提示文本
  user: [/^\w{2,10}$/, "用户名必须为2-10位"],
  pwd: [/^\S{6,12}$/, "密码必须为6-12位"],
  same: function (value) {
    //形参是调用者的值,return的值是验证不通过的返回框
    if ($(".pwd").val() !== value) {
      return "两次密码输入不一致";
    }
  },
});
//登录功能
$(".login form").on("submit", function (e) {
  //阻止默认行为
  e.preventDefault();
  //let layer = layui.layer;
  //layer是唯一一个不需要加载可以直接使用的模块
  //获取值
  let data = $(this).serialize();
  $.ajax({
    type: "post",
    url: "/api/login",
    data,
    success: (res) => {
      //跳转
      // 判断跳转
      if (res.status === 0) {
        layer.msg(
          res.message,
          {
            time: 2000, //2秒关闭（如果不配置，默认是3秒）
          },
          function () {
            //存储服务器返回的令牌,使用浏览器的webStorage功能
            localStorage.setItem("token", res.token);
            //跳转
            location.href = "./index.html";
          }
        );
      } else {
        layer.msg(`${res.message}`);
      }
    },
  });
});
